<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript|北煜的bug博客</title>
    <link rel="stylesheet" href="../css/dispose.css">
    <link rel="stylesheet" href="../css/practical.css">
    <link rel="stylesheet" href="../css/style.css">
</head>

<body>
    <!-- 导航 -->
    <div class="top-navigation">
        <div class="top-left">
            <a href="../index.html"><img src="../images/logo.png" alt="北煜的bug博客">
                <p>北煜的bug博客</p>
            </a>
        </div>
        <div class="top-right">
            <ul>
                <li class="nav-item"><a href="other.html">其他</a></li>
                <li class="nav-item"><a href="vue.html">vue</a></li>
                <li class="nav-item"><a href="nodejs.html">node.js</a></li>
                <li class="nav-item current-page"><a href="js.html">JavaScript</a></li>
                <li class="nav-item"><a href="h5css3.html">H5+CSS3</a></li>
                <li class="nav-item"><a href="practical.html">实用网站</a></li>
            </ul>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="col">
            <h2>Open <b>one</b></h2>
            <div class="tabs">
                <div class="tab">
                    <input type="radio" id="rd1" name="rd">
                    <label class="tab-label" for="rd1">Item 1</label>
                    <div class="tab-content"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos, facilis. </div>
                </div>
                <div class="tab">
                    <input type="radio" id="rd2" name="rd">
                    <label class="tab-label" for="rd2">Item 2</label>
                    <div class="tab-content"> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil, aut. </div>
                </div>
                <div class="tab">
                    <input type="radio" id="rd3" name="rd">
                    <label for="rd3" class="tab-close">Close others &times;</label>
                </div>
            </div>
        </div>
        <div class="main-content">
            <div class="content-iframe">
                <iframe src="" frameborder="0" name="iframe1" id="iframe"></iframe>
                <iframe src="" frameborder="0" name="iframe2" id="iframe"></iframe>
            </div>
        </div>
    </div>
    <script src="../js/style.js"></script>
</body>


</html>